<template>
  <div class="wrapper-commander-outer">
    <!-- <div class="wrapper-swticher-buttons"> -->
      <!-- </div> -->
      <!-- <div class="wrapper-setting-buttons"> -->
      <planning-switcher />
      <VersionIndicator />
      <sector-planner />
      <!-- <indicator-setting /> -->
      <!-- <help /> -->
    <!-- </div> -->
  </div>
  <!-- Dialogs -->
</template>

<script setup>
import { ref, computed } from "vue";
import SectorPlanner from "./sectorPlanner.vue";
// import IndicatorSetting from "./indicatorSetting.vue";
import planningSwitcher from "./planningSwitcher.vue";
// import help from "./help.vue";
import VersionIndicator from "../../common/VersionIndicator.vue";
</script>

<style scoped>
.wrapper-commander-outer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 12px 6px 18px;
}
</style>
